<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">

<!-- HEAD -->
<head>

<!-- META-DATA -->
<title><$BlogPageTitle$></title>
<meta name="description" content="a blogger blogspot blog" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript, Blogger, Skins" />

<!-- AUTO META-TAGS -->
<$BlogMetaData$>


<!-- PAGE ICON (to edit, FORMAT, HREF, and TYPE) (for more info, see http://en.wikipedia.org/wiki/Favicon -->
<link rel="icon" type="image/vnd.microsoft.icon" href="http://firefox.no/favicon.ico" />

<!-- STYLESHEET LINKS (uncomment and replace HREF) -->
<!-- <link rel="stylesheet" type="text/css" href="HREF" /> -->

<!-- JAVASCRIPT LINKS (uncomment and replace SRC) -->
<!-- <script type="text/javascript" src="SRC"></script> -->

<!-- LOCAL JAVASCRIPT -->
<script type="text/javascript">
</script>
<!-- end LOCAL JAVASCRIPT -->


<!-- INTERNAL STYLE SHEET -->
<style type="text/css">

/* ------------------------------

Bloggerstack Beta Template

Designer: Tom at klenwell@gmail.com
URL:      http://www.klenwell.net/is/CategoryBloggerstack
Date:     Jun 2007

------------------------------ */

/* HTML RESETS */
body { font-family:sans-serif; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
form, fieldset { margin: 0; padding: 0; }
dd, blockquote { margin-left: .5em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; }
td { vertical-align:top; }
.left { float:left; } .right { float:right;}
.clear { clear:both; }


/* BASIC LAYOUT */
body 
{
 background-color:#ccc;
}
.page 
{
 margin:40px 4% 4px;
 color:#333;
 background-color:#eee;
 border:1px solid #999; border-width:0 8px;
}
a { color:#3366cc; }
a:hover { color:#003366; }
.active {}


/* MASTHEAD PANEL */
#masthead_panel 
{ 
 background-color:#999;
 color:#fff; 
}

/* metabar */
.metabar {}

/* banner */
#banner {  padding:1em; }
#banner h1 
{
 margin:0;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-weight:normal;
}
#banner h4
{
 margin:0;
 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-style:italic;
 font-weight:normal;
}

/* navbar */
.navbar {}


/* CORE PANEL */
#core_panel { padding:2px; }
#core_panel div { overflow-x:hidden; }

#left_column 
{
 width:20%;
 float:left;
 background-color:#ccc;
}
#right_column 
{
 width:25%;
 float:right;
 background-color:#ccc;
}
#center_column 
{
 margin:0;
}
#right_column .child, #left_column .child 
{ 
 padding:4px; 
 font-size:12px;
}
#center_column .child {}

.substack 
{
 margin:0 0 16px;
}
.substack h3
{
 margin:0 0 2px; padding:0;
 font-size:12px; 
 font-weight:bold;
 color:#666;
 text-transform:uppercase;
 letter-spacing:.3em;
}
.substack p
{
 margin:0 0 4px;
}
.substack a { text-decoration:none; }

#profile_block {}
#profile_photo { display:none; }
#menu_block {}
#link_block {}
#archive_block {}
#recent_post_block {}


/* FOOTER PANEL */
#footer_panel 
{
 clear:both; 
 margin-top:8px; padding:4px;
 text-align:center;
 font:11px Frutiger, Verdana, Geneva, sans-serif;
 color:#fff;
 background-color:#999;
}
#footer_panel .left 
{
 width:200px;
 text-align:left;
}
#footer_panel .right 
{
 width:200px;
 text-align:right;
}
#footer_panel a { text-decoration:none; }


/* ** BLOGGER STACK ** */
#blogger_stack { margin:0 4px; }
#blogger_stack_child {}

/* entry stack */
.entry_stack 
{
 margin-bottom:12px;
}
.entry_stack .child {}
.item_header_stack {}
.date_header_block 
{
 margin:2px 0 4px;
 font-size:12px;
 font-family:Frutiger, Verdana, Geneva, sans-serif;
 text-transform:uppercase;
 letter-spacing:.1em;
 color:#333;
}

.item_core_stack {}
.item_title_block 
{ 
 font-size:1.1em;
 color:#cc6600;
}
.item_body_block 
{ 
 margin:0; padding:1em;
 background-color:#fff;
 border:1px solid #999; border-width:4px 0; 
}

.item_footer_stack 
{
 padding:2px 4px 4px;
 font-size:12px;
 background-color:#999;
}
.item_footer_stack a.comment_trigger {}
.item_footer_stack a.backlink_link {}
.item_footer_stack span.backlink_trigger {}
.item_footer_stack a.permalink {}

/* endnote stack */
#endnote_stack {}

#comment_stack {}
#comment_stack .comment_header_block {}
#comment_stack .comment_body_block {}
#comment_stack .comment_footer_block {}

#backlink_stack {}
#backlink_stack .backlink_header_block {}
#backlink_stack .backlink_body_block {}
#backlink_stack .backlink_footer_block {}

#endnote_header_stack, #endnote_footer_stack 
{ 
 margin:16px 0px; padding:4px; 
 background-color:#fff;
 border:1px solid #999; border-width:4px 0;
}
#comment_stack, #backlink_stack {}
.comment_block, .backlink_block
{
 margin:0 0 8px;
}
#comment_stack .comment_header_block, #backlink_stack .backlink_header_block
{
 margin:0 0 4px;
 font-size:12px;
 font-family:Frutiger, Verdana, Geneva, sans-serif;
 font-weight:bold;
}
#comment_stack .comment_body_block, #backlink_stack .backlink_body_block 
{
 padding:12px;
 font:12px/1.3em "Lucida Console", Monaco, monospace;
 overflow-x:auto;
 background-color:#fff;
 border:1px solid #999; border-width:4px 0;
}
#comment_stack .comment_footer_block, #backlink_stack .backlink_footer_block 
{
 padding:2px 4px 4px; 
 font-size:11px;
 font-family:Frutiger, Verdana, Geneva, sans-serif;
 background-color:#999;
}
#endnote_header_stack .endnote_trigger, #endnote_footer_stack .endnote_trigger 
{ 
 line-height:2em; 
}


/* SPECIAL */
blockquote, .quote 
{
 margin:0 1em;
 font:.9em/1.2em "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-style:italic;
}
.code
{
 width:90%;
 margin:0 auto; padding:1em; 
 overflow-x:hidden;
 font:.9em/1.5em "Lucida Console",Monaco,monospace;
 color:green; background:#eee;
 border: 1px solid #ccc; 	
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap; white-space: -o-pre-wrap;  /* Opera 4-6, 7 */
 _white-space: pre; word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.ipod 
{
 width:90%;
 margin:0 auto; padding:1em; 
 overflow-x:hidden;
 font:.9em/1.5em "Lucida Console",Monaco,monospace;
 background:#d2e2f2; color:#3c4782;
 border:1px solid #3c4782;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap; white-space: -o-pre-wrap;  /* Opera 4-6, 7 */
 _white-space: pre; word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.email 
{
 width:80%;
 margin:2px auto; 
 padding:8px;
 border:thin outset #c06000;
 color:#333;
 font-size:11px; 
 font-family:"Lucida Console",Monaco,monospace;
 background-color:#fffcfc;
}
.definition {}

</style>
<!-- end INTERNAL STYLE SHEET -->

</head>
<!-- end HEAD -->



<!-- BODY -->
<body>

<!-- PAGE -->
<div class="page" id="page_id">



<!-- PANEL : <$masthead_panel$> -->
<div id="masthead_panel">

<!-- <$metabar_block$> -->
<div id="metabar"></div>

<!-- <$banner_block$> -->
<div id="banner">
<h1><$BlogTitle$></h1>
<h4><$BlogDescription$></h4>
</div>

<!-- <$navbar_block$> -->
<div id="navbar"></div>

</div>
<!-- end PANEL -->



<!-- PANEL : <$core_panel$> -->
<div id="core_panel">

<!-- LEFT COLUMN -->
<div id="left_column"><div class="child">

<!-- profile -->
<div id="profile_block" class="substack">
<h3>profile</h3>
<div id="profile_photo"><img src="<$BlogOwnerPhotoUrl$>"></div>
<p id="profile_full_name"><span class="profile_label">Name:</span> <$BlogOwnerFullName$></p>
<p id="profile_location"><span class="profile_label">Home:</span> <$BlogOwnerLocation$></p>
<p id="profile_about"><span class="profile_label">About Me:</span> <$BlogOwnerAboutMe$></p>
<p id="profile_link"><a href="<$BlogOwnerProfileUrl$>">view complete profile</a></p>
</div>

<!-- menu block -->
<div id="menu_block" class="substack">
<h3>menu</h3>
<p><a href="<$BlogURL$>search?q=template">entries on 'template'</a></p>
<p><a href="<$BlogURL$>search/label/template">entries labeled 'template'</a></p>
</div>

<!-- link block -->
<div id="link_block" class="substack">
<h3>external links</h3>
<p><a href="http://www.blogger.com/">blogger home</a></p>
<p><a href="http://code.google.com/p/bloggerstack/">bloggerstack project page</a></p>
</div>

</div></div>

<!-- RIGHT COLUMN -->
<div id="right_column"><div class="child">

<!-- archives -->
<div id="archive_block" class="substack">
<h3>archives</h3>
<BloggerArchives>
<p><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></p>
</BloggerArchives>
</div>

<!--recent posts -->
<div id="recent_post_block" class="substack">
<h3>recent posts</h3>
<BloggerPreviousItems>
<p><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></p>
</BloggerPreviousItems>
</div>

</div></div>

<!-- CENTER COLUMN (home of the <$blogger_stack$>) -->
<div id="center_column"><div class="child">

<!-- ** BLOGGER STACK ** -->
<!-- NOTE: anything between Blogger tags will be repeated for every post on page -->
<div id="blogger_stack">
<div id="blogger_stack_child" class="child">
<Blogger>

<!-- entry stack -->
<div class="entry_stack" id="item_<$BlogItemNumber$>">
<div class="child">

<!-- item header -->
<div class="item_header_stack">
<BlogDateHeader>
<div class="date_header_block" id="date_header_block_<$BlogItemNumber$>"><$BlogDateHeaderDate$></div>
</BlogDateHeader>
</div>

<!-- item core  stack -->
<div class="item_core_stack">

<!-- item title -->
<BlogItemTitle><div class="item_title_block">
<BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$></a>
</div></BlogItemTitle>

<!-- item body -->
<div class="item_body_block">
<$BlogItemBody$>
</div>

</div>
<!-- end item core stack -->

<!-- item footer -->
<div class="item_footer_stack">

<!-- comment trigger -->
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>add comment</a>
(<$BlogItemCommentCount$>)
</BlogItemCommentsEnabled> |</MainOrArchivePage>

<!-- backlink trigger -->
<MainOrArchivePage><BlogItemBacklinksEnabled>
<a class="backlink_link" href="<$BlogItemPermalinkUrl$>#backlink_stack">links to this post</a>
(<span class="backlink_trigger"><$BlogItemBacklinkCreate$></span>)
</BlogItemBacklinksEnabled> |</MainOrArchivePage>

<!-- datetime / permalink -->
<a class="permalink" href="<$BlogItemPermalinkURL$>" title="permalink"><$BlogItemDateTime$></a>

</div>
<!-- end item footer -->

</div>
</div>
<!-- end entry stack -->


<!-- endnote stack -->
<ItemPage>
<div id="endnote_stack">

<!-- endnote header -->
<div id="endnote_header_stack">

<!-- home trigger -->
<div class="endnote_trigger">
<a class="home_trigger" href="<$BlogURL$>">&#937; home</a>
</div>

<!-- comment trigger -->
<BlogItemCommentsEnabled>
<div class="endnote_trigger">
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>&hearts; add a comment</a>
</div>
</BlogItemCommentsEnabled>

<!-- backlink trigger -->
<BlogItemBacklinksEnabled>
<div class="endnote_trigger">
<div class="backlink_trigger"><$BlogItemBacklinkCreate$></div>
</div>
</BlogItemBacklinksEnabled>

</div>
<!-- end endnote header -->

<!-- comment stack -->
<BlogItemCommentsEnabled>
<div id="comment_stack">
<BlogItemComments> <!-- NOTE: this tag cycles through comments -->

<!-- comment block -->
<div class="comment_block">
<div class="comment_header_block" id="<$BlogCommentNumber$>"><span class="comment_author"><$BlogCommentAuthor$></span> comments:</div>
<div class="comment_body_block"><$BlogCommentBody$></div>
<div class="comment_footer_block"><a href="<$BlogCommentPermalinkURL$>"><$BlogCommentDateTime$></a><$BlogCommentDeleteIcon$></div>
</div>

</BlogItemComments>
</div>
</BlogItemCommentsEnabled>
<!-- end comment stack -->

<!-- backlink stack -->
<BlogItemBacklinksEnabled>
<div id="backlink_stack">
<BlogItemBacklinks> <!-- NOTE: this tag cycles through backlinks -->

<!-- backlink block -->
<div class="backlink_block">
<div class="backlink_header_block">
<$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</div>
<div class="backlink_body_block"><$BlogBacklinkSnippet$></div>
<div class="backlink_footer_block">
<span class="backlink_author">posted by <$BlogBacklinkAuthor$></span>
at <span class="backlink_datetime"><$BlogBacklinkDateTime$></span>
</div>
</div>

</BlogItemBacklinks>
</div>
</BlogItemBacklinksEnabled>
<!-- end backlink stack -->

<!-- endnote footer stack -->
<div id="endnote_footer_stack">

<!-- comment trigger -->
<BlogItemCommentsEnabled>
<div class="endnote_trigger">
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>&hearts; add a comment</a>
</div>
</BlogItemCommentsEnabled>

<!-- backlink trigger -->
<BlogItemBacklinksEnabled>
<div class="endnote_trigger">
<div class="backlink_trigger"><$BlogItemBacklinkCreate$></div>
</div>
</BlogItemBacklinksEnabled>

<!-- home trigger -->
<div class="endnote_trigger">
<a class="home_trigger" href="<$BlogURL$>">&#937; home</a>
</div>

</div>
<!-- END endnote footer stack -->

</div>
</ItemPage>
<!-- end ENDNOTE STACK -->

</Blogger>
</div>
</div>
<!-- ** end BLOGGER STACK ** -->

</div></div>

</div>
<!-- end PANEL -->



<!-- PANEL : <$footer_panel$> -->
<div id="footer_panel">

<div class="left">a <a href="">bloggerstack</a> template</div>
<div class="right">
<a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=151890&amp;t=219"><img border="0" alt="Firefox 2" title="Firefox 2" src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox2/ff2b80x15.gif" /></a>
</div>
some rights reserved

</div>
<!-- end PANEL -->



</div>
<!-- end PAGE -->


<!-- PAGE ANALYTICS CODE (change _acct setting) -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "YOUR-CODE-HERE";
urchinTracker();
</script>


</body>
<!-- end BODY -->

</html>
